<link rel="stylesheet" href="css/bootstrap.css" type="text/css"
/>
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"
/>
<link rel="stylesheet" href="plugins/parsleyjs/parsley.css" type="text/css"
/>
<link rel="stylesheet" href="less/app.css" type="text/css" />
<!--[if lt IE 9]>
    <script src="plugins/ie/html5shiv.js"></script>
    <script src="plugins/ie/respond.min.js"></script>
    <script src="plugins/ie/excanvas.js"></script>
  <![endif]-->

<!-- 红包领取详情 -->
<div class="redbagdetail">
  <section class="panel panel-default m-b-none">
    <div class="row m-l-none m-r-none bg-light text-center">
      <div class="col-sm-4 padder-v b-r b-light">
        <a class="clear" href="#">
          <span class="h4 block">总数</span>
          <span class="h2 block m-t-xs text-danger">
            <strong></strong>
          </span>
          <small class="text-muted text-uc">个</small>
        </a>
      </div>
      <div class="col-sm-4 padder-v b-r b-light">
        <a class="clear" href="#">
          <span class="h4 block">已领取</span>
          <span class="h2 block m-t-xs text-danger">
            <strong></strong>
          </span>
          <small class="text-muted text-uc">个</small>
        </a>
      </div>
      <div class="col-sm-4 padder-v b-r b-light">
        <a class="clear" href="#">
          <span class="h4 block">剩余</span>
          <span class="h2 block m-t-xs text-danger">
            <strong></strong>
          </span>
          <small class="text-muted text-uc">个</small>
        </a>
      </div>
    </div>
  </section>
  <div class="panel-body">
    <form class="form-inline queryForm gcForm" id="redBagManageForm"
      action="redBagManage.html" name="redBagManageForm" method="post">
      <input type="hidden" id="currentPage" name="page">
      <input type="hidden" name="userId" value="$!userId">
      <input type="hidden" id="status" name="status" value="$status">
      <input type="hidden" id="date11" name="date11" value="$date11">
      <input type="hidden" id="date22" name="date22" value="$date22">
      <div class="form-group">
        <input type="text" class="form-control m-r-md" name="queryCriteria"
          value="$!queryCriteria" placeholder="输入用户名或账号">
        <label for="apply_start_date">起止日期：</label>
        <input type="date" value="$date11" id="receive_start_date" class="form-control"
          name="apply_start_date" readonly/>
        <label for="apply_end_date">-</label>
        <input type="date" value="$date22" id="receive_end_date" class="form-control"
          name="apply_end_date" readonly/>
      </div>
      <button type="submit" class="btn btn-success m-l-md">查询</button>
      <span class="btn btn-sm btn-rounded btn-primary pull-right m-l-md"
        onclick="">导出</span>
    </form>
    <div data-gctable>
      <div style="min-width:700px;">
        <table>
          <thead>
            <tr>
              <th width="15%">用户头像</th>
              <th width="25%">用户账号</th>
              <th width="20%">用户昵称</th>
              <th width="20%">领取金额（个数）</th>
              <th>领取时间</th>
            </tr>
          </thead>
        </table>
      </div>
      <div class="gcBody" style="min-width:700px;">
        <table>
          <tbody class="gcData">
            <tr class="bg-white" data-id="">
              <td width="15%">
                <img src="" onclick="imgMagnify($(this).attr('src'))">
              </td>
              <td width="25%"></td>
              <td width="20%"></td>
              <td width="20%"></td>
              <td></td>
            </tr>
            <!-- 无数据时 -->
            <tr class="bg-white">
              <td colspan="5">暂无数据</td>
            </tr>
          </tbody>
        </table>
      </div>
      <p class="gcPage">
        #set ($formName = "salesForm") #parse('/html/page.html')
      </p>
    </div>
  </div>
</div>

<script src="js/jquery.min.js"></script>
<!--引入layer-->
<script src="plugins/layer/layer.js"></script>
<script src="plugins/laydate/laydate.js"></script>

<script src="plugins/common.js"></script>
<script>
  $(function () {
    setDateRange('receive_start_date', 'receive_end_date');
  })
</script>